<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Merchant management</title>
</head>

<%-- 注释
A端主界面主要组件 
1. 下拉框：可实现的功能： 可通过下拉框选择dish type， 从而筛选不同类型的商家
2. 列表界面：单条记录显示商家信息，以及可选择的操作。
 * Servlet implementation class MListServlet
 * 处理A端看到的主界面  返回mlist.jsp视图
 * 	主界面显示所有商户信息 和 对应商户审核状态及黑名单状态的操作
 * 	可执行的操作 ： 
 * 		根据type 审核状态 
 * 			a) 审核中 assessing : 编辑type （assessing--> assessed 或者 assessing --> reject) 单向变动 
 					选择编辑跳到审核页面review.jsp 
 * 			b) 驳回 reject : 不做操作
 * 			c) 审核通过 assessed : 拉入黑名单
 * 		根据status 黑名单状态
 * 			a) 审核通过assessed 且 status==WHITE : 拉黑
 * 			b) 审核通过 且 status == black ： 拉白 
 --%>

<script type="text/javascript">
	function selectType() {
		document.getElementById("selectTypeForm").submit();
	}
</script>
<body>
<a align = "left" href="LogoutServlet">logout</a>
	<%-- 选择 type的下拉框 --%>
	<h1>select type</h1>
	<form id="selectTypeForm" action="MListServlet" method="post">
		<!-- 	<select name="dishType" style="float : right;" onchange="selectType()"> -->
		<!-- 	<select name="type"  onchange="document.getElementById('selectTypeForm').submit();"> -->
		<!-- 			<option value="REJECT" >--------</option> -->
		<!-- 			<option value="ASSESSING" >ASSESSING </option> -->
		<!-- 			<option value="ASSESSED" >ASSESSED </option> -->
		<!-- 			<option value="REJECT" >REJECT </option> -->
		<!-- 		</select> -->
		<select name="type"
			onchange="document.getElementById('selectTypeForm').submit();">
			<c:forEach items="${sessionScope.listMType}" var="option">
				<c:choose>
					<c:when test="${option==sessionScope.lastSelectedOption}">
						<option value="${option}" selected="selected">${option}</option>
					</c:when>
					<c:otherwise>
						<option value="${option}">${option}</option>
					</c:otherwise>
				</c:choose>
			</c:forEach>
		</select>
		<!-- 	<select name="type"  onchange="selectType()"> -->
		<%-- 		<c:forEach var="type" items="${typelist}"> --%>
		<%-- 			<option value=${type.pId } >${type.pname } </option> --%>
		<%-- 		</c:forEach> --%>
		<!-- 	</select> -->
		<input style="display: none;" hidden="true" type="submit"
			value="submit" />
	</form>

	<hr>

	<%-- 显示商家列表的界面 --%>
	<h1>AMerchant List</h1>
	<table border="8">
		<tr>
			<!-- 		<td>id</td> -->
			<td>name</td>
			<td>image</td>
			<td>IDCard</td>
			<td>address</td>
			<td>type</td>
			<td>reason</td>
			<td>status</td>
			<td>operation</td>
		</tr>
		<c:forEach var="m" items="${ mlist}">
			<tr>
				<%-- 			<td>${m.mId }</td> --%>
				<td>${m.mName}</td>
				<%-- 			<td>${m.mImage }</td> --%>
				<td><img src="ImageServlet?mId=${m.mId}&pictureType=image"  height="100px"  width="100px"/></td>
				<td><img src="ImageServlet?mId=${m.mId}&pictureType=idCard" height="100px"  width="100px"/></td>
				<td>${m.address }</td>
				<td>${m.type}</td>
				<td>${m.reason }</td>
				<td>${m.status }</td>
				<%-- 判断type(审核状态：审核中，审核不通过，驳回）显示对应的操作(  --%>
				<%-- 跳转到审核页面 可以改审核状态，写评论 --%>
				<c:if test="${m.type eq 'ASSESSING'}">
					<td><a href="QueryAMServlet?mId=${m.mId }">edit</a></td>
				</c:if>
				<%-- 驳回状态， 没有操作 --%>
				<c:if test='${m.type=="REJECT"}'>
					<td>Nothing</td>
				</c:if>
				<%-- ASSESSED 审核通过状态下的M，可以被拉黑 --%>
				<c:if test="${m.type eq 'ASSESSED' && m.status eq 'WHITE'}">
					<td><a href="BlockServlet?mId=${m.mId }">block it</a></td>
				</c:if>
				<%-- 被拉黑的商户可以拉白 --%>
				<c:if test='${m.type eq "ASSESSED" && m.status eq "BLACK"}'>
					<td><a href="BlockServlet?mId=${m.mId }">undo block</a></td>
				</c:if>
			</tr>
		</c:forEach>
	</table>

</body>
</html>